﻿@model TuanAnhPersonalWeb.Models.TUANANH__PROJECT

@{
    ViewBag.Title = "Detail Project ";
    Layout = "~/Views/Shared/_Layout1.cshtml";
}
<script type="text/javascript">
    var menus = $('div.menu');
    menus.eq(2).addClass('menu_selected');

</script>
<style>
    .div_img {
        width:310px; 
        height: 210px; 
        margin: 20px;  
        background-color: gray; 
        border-radius: 10px; 
        float: left; 
        border:1px black solid
    }
    
    .div_img img {
        border-radius: 5px;
        margin: 5px;
        width: 300px;
        height: 200px;
        box-shadow: 0px 0px 8px 3px Black
    }
    
    #detail_table {
        float: left; 
        width: 500px; 
        height: 100px; 
        margin-top: 70px; 
        font-size: 15px
    }
</style>
<div style="height: 26px; margin-top: 20px"><img src="/images/module-top-bg.png" alt="top_bgcontent"/></div>
<div style="background-image:url('/images/main.png');background-repeat: repeat; padding: 20px">
    <div class="title" style="text-align: center; color: aqua; font-size: 20px; ">  @Model.PROJECT_NAME</div><br/>
    <div style="width: 100%">
        <div class="div_img">
            <img src="@Model.IMAGE_DIR"alt=""/>
        </div>
        <table id="detail_table">
            <tr>
                <td style="color: aqua; width: 30%">Project Name: </td>
                <td>@Model.PROJECT_NAME</td>
            </tr>
            <tr>
                <td style="color: aqua">Location: </td>
                <td>@Model.LOCATION</td>
            </tr>
            <tr>
                <td style="color: aqua">Invester: </td>
                <td>@Model.INVERSTER</td>
            </tr>
        </table>
        <div style="clear: both; margin: 20px; font-size: 13px"><p>@Html.DisplayTextFor(c => c.PROJECT_CONTENT)</p></div>
    </div>
    <div style="border-bottom: 2px gray solid; height: 30px; width: 850px; margin: auto"></div>
    <div style="margin-bottom: 20px; margin-left: 30px; margin-top:20px; color: darkorange">@ViewBag.CommentsCount Comments</div>
</div>
<div ><img src="/images/mainbody-bg-bottom.png" alt=""/></div>
 <div style="width: 95%; margin: auto; margin-top: 20px; color: white;  text-shadow: 1px 1px 1px black;">
         
        @{ Html.RenderAction("CommentProject", "Project", new { projectId = @Model.PROJECT_ID }); }
    </div>

